@charset "UTF-8";
/**
 * 
 * @authors bingbing (you@example.org)
 * @date    2018-04-16 10:43:47
 * @version $Id$
 */

 /*--------------------------------------------------
 						样式初始化
 --------------------------------------------------*/
body,h1,h2,h3,h4,h5,h6,p,dd{margin: 0;}
ul,ol,dl{margin: 0;padding: 0;list-style: none;}
img{border: none;vertical-align: middle;}
a{text-decoration: none;color: inherit;outline: none;}
button,input{padding: 0;outline: none;}
body{background-color: #f6f6f6;font: 14px/1.5 'Microsoft Yahei',sans-serif;}/*sans-serif为手机默认字体*/


/*--------------------------------------------------
					font
--------------------------------------------------*/
				/*** font-size(字体大小) ***/
.f-s12{font-size: 12px;}
.f-s14{font-size: 14px;}
.f-s16{font-size: 16px;}
.f-s18{font-size: 18px;}
.f-s20{font-size: 20px;}
.f-s22{font-size: 22px;}
.f-s24{font-size: 24px;}
.f-s26{font-size: 26px;}
.f-s28{font-size: 28px;}
.f-s30{font-size: 30px;}

				/*** font-weight(字体粗细) ***/
.f-wei-b{font-weight: bold;}
.f-wei-l{font-weight: lighter;}

				/*** font-style(字体样式) ***/
.f-sty-nor{font-style: normal;}
.f-sty-it{font-style: italic;}/*倾斜*/


/*--------------------------------------------------
					border(边框线)
--------------------------------------------------*/
.bor{border: 1px solid #eee;}
.bor-t{border-top: 1px solid #eee;}
.bor-b{border-bottom: 1px solid #eee;}
.bor-l{border-left: 1px solid #eee;}
.bor-r{border-right: 1px solid #eee;}

/*------------------------------------------------
				padding(内边距)
------------------------------------------------*/
.pad5{padding: 5px;}
.pad10{padding: 10px;}
.pad15{padding: 15px;}
.pad20{padding: 20px;}
.pad25{padding: 25px;}
.pad30{padding: 30px;}

.pad-t5{padding-top: 5px;}
.pad-t10{padding-top: 10px;}
.pad-t15{padding-top: 15px;}
.pad-t20{padding-top: 20px;}
.pad-t25{padding-top: 25px;}
.pad-t30{padding-top: 30px;}

.pad-b5{padding-bottom: 5px;}
.pad-b10{padding-bottom: 10px;}
.pad-b15{padding-bottom: 15px;}
.pad-b20{padding-bottom: 20px;}
.pad-b25{padding-bottom: 25px;}
.pad-b30{padding-bottom: 30px;}

.pad-l5{padding-left: 5px;}
.pad-l10{padding-left: 10px;}
.pad-l15{padding-left: 15px;}
.pad-l20{padding-left: 20px;}
.pad-l25{padding-left: 25px;}
.pad-l30{padding-left: 30px;}

.pad-r5{padding-right: 5px;}
.pad-r10{padding-right: 10px;}
.pad-r15{padding-right: 15px;}
.pad-r20{padding-right: 20px;}
.pad-r25{padding-right: 25px;}
.pad-r30{padding-right: 30px;}

/*-----------------------------------------------------
					margin(外边距)
-----------------------------------------------------*/
.mar-auto{margin-left: auto;margin-right: auto;}
.mar5{margin: 5px;}
.mar10{margin: 10px;}
.mar15{margin: 15px;}
.mar20{margin: 20px;}
.mar25{margin: 25px;}
.mar30{margin: 30px;}

.mar-t5{margin-top: 5px;}
.mar-t10{margin-top: 10px;}
.mar-t15{margin-top: 15px;}
.mar-t20{margin-top: 20px;}
.mar-t25{margin-top: 25px;}
.mar-t30{margin-top: 30px;}

.mar-b5{margin-bottom: 5px;}
.mar-b10{margin-bottom: 10px;}
.mar-b15{margin-bottom: 15px;}
.mar-b20{margin-bottom: 20px;}
.mar-b25{margin-bottom: 25px;}
.mar-b30{margin-bottom: 30px;}

.mar-l5{margin-left: 5px;}
.mar-l10{margin-left: 10px;}
.mar-l15{margin-left: 15px;}
.mar-l20{margin-left: 20px;}
.mar-l25{margin-left: 25px;}
.mar-l30{margin-left: 30px;}

.mar-r5{margin-right: 5px;}
.mar-r10{margin-right: 10px;}
.mar-r15{margin-right: 15px;}
.mar-r20{margin-right: 20px;}
.mar-r25{margin-right: 25px;}
.mar-r30{margin-right: 30px;}

/*----------------------------------------------------------
					float(浮动)
-----------------------------------------------------------*/
.clearfix:after{
	content: "";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
	clear: both;
}
.fl{float: left;}
.fr{float: right;}

/*-------------------------------------------------------
				position(定位)
-------------------------------------------------------*/
.pos-r{position: relative;}
.pos-a{position: absolute;}
.pos-f{position: fixed;}
.t{top: 0;}
.l{left: 0;}
.r{right: 0;}
.b{bottom: o;}

.z-in{z-index: 999999;}

/*--------------------------------------------------------
					display
--------------------------------------------------------*/
.dis-b{display: block;}
.dis-i{display: inline;}
.dis-ib{display: inline-block;}
.dis-n{display: none;}

/*-------------------------------------------------------
				text-align(文本水平对齐)
-------------------------------------------------------*/
.t-a-l{text-align: left;}
.t-a-c{text-align: center;}
.t-a-r{text-align: right;}

/*------------------------------------------------------
					vertical-align(文本垂直对齐)
------------------------------------------------------*/
.ver-a-t{vertical-align: top;}
.ver-a-m{vertical-align: middle;}
.ver-a-b{vertical-align: bottom}
.ver-a-tt{vertical-align: text-top;}
.ver-a-tb{vertical-align: text-bottom;}

/*---------------------------------------------------------
					overflow(内容溢出)
---------------------------------------------------------*/
.ov-h{overflow: hidden;}
.ov-s{overflow: scroll;}/*出现滚动条*/
.ov-a{overflow: auto;}/*根据内容出现滚动条*/


/*---------------------------------------------------------
					大小控制
---------------------------------------------------------*/
.w-100{width: 100%;}
.h-100{height: 100%;}

